import { defineConfig, loadEnv } from "vite";
import vue from "@vitejs/plugin-vue";
import path from "path";

// element-plus官方文档提供的按需导入主题色的导入模块
// 你也可以使用 unplugin-vue-components
// import Components from 'unplugin-vue-components/vite'
// import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

// 或者使用 unplugin-element-plus有bug
// import ElementPlus from "unplugin-element-plus/vite";

// https://vitejs.dev/config/
export default defineConfig(({ mode, command }) => {
  const env = loadEnv(mode, process.cwd());
  const { VITE_APP_ENV } = env;
  return {
    base: VITE_APP_ENV === "production" ? "./" : "/",
    resolve: {
      // 配置路径别名
      alias: {
        "@": path.resolve(__dirname, "./src"),
      },
    },
    // element-plus官方文档提供的按需导入主题色的scss编译
    // css: {
    //   preprocessorOptions: {
    //     scss: {
    //       additionalData: `@use "@/styles/element/index.scss" as *;`,
    //     },
    //   },
    // },
    plugins: [
      vue(),
      // element-plus官方文档提供的按需导入主题色的插件
      // use unplugin-vue-components
      // Components({
      //   resolvers: [
      //     ElementPlusResolver({
      //       importStyle: "sass",
      //       // directives: true,
      //       // version: "2.1.5",
      //     }),
      //   ],
      // }),
      // 或者使用 unplugin-element-plus //有bug
      // ElementPlus({
      //   useSource: true,
      // }),
    ],
  };
});
